.layout-warpper {
  width: 100%;
  height: 100vh;

  .content-wrapper {
    width: 100%;
    height: 100%;
    display: flex;
  }
  .right-content{
    padding: 10px;
    flex: 1 1 ;
    .right-content-header{
      display: flex;
      justify-content: flex-end;  
      margin-bottom: 10px;    
    }
  }

  .left-content {
    width: 300px;
    border-right: 1px solid #eee;
    padding-right: 10px;
    height: 100%;

    .left-content-title {
      width: 100%;
      font-size: 16px;
      font-weight: 600;
      margin: 10px 0px;
      display: flex;
      justify-content: space-between;
    }

    .left-fetch {
      display: flex;
      justify-content: flex-end;
      margin-bottom: 10px;
    }

    .left-item {
      border: 1px solid #eee;
      padding: 16px;
      border-radius: 4px;
      box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.02);
      margin-bottom: 10px;
      .left-item-title {
        display: flex;
        justify-content: space-between;
      }
    }
  }
}